<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>梅露可物语微型百科工具栏</title>
		<style>

			.tool{
				width:170px;
				min-height: 65px;
				background-color:   khaki;
				font-family: "微软雅黑","黑体",simsun,arial;
			}
			/*.tool:hover{

			}*/
			
			.tools{
				width:170px;
				min-height: 65px;
				background-color: #7B86FF;
				text-align: center;
				margin: 0;
				clear: all;
				/*float:left;*/
			}
			.tools2{
				width:170px;
				min-height: 65px;
				background-color: #C2A9FD;
				text-align: center;
				margin: 0;
				clear: all;
				/*float:left;*/
			}
			
			.tools:hover{
				opacity: 0.7;
			}
			.tools2:hover{
				opacity: 0.7;
			}
			
			a{
				color:  whitesmoke;
				text-decoration: none;
			}
			body{
				margin: 0;
			}
		</style>
	</head>
	<body>
		<div class="tool">
			<div class="tools2">
				<a href="http://miraclemwiki.lofter.com/view" target="_blank">
					<img src="img/serch2.png" width="32">
					<br />
					搜索/查看全部
				</a>
			</div>
			
			<div class="tools">
				<br />
				<a href="http://miraclemwiki.lofter.com/navigation" target="_blank">
					<img src="img/smalllogo.png" />本百科导航</a>
				<br />
			</div>

			<div class="tools2">
				<br />
				<a href="http://miraclemwiki.lofter.com/suggestion" target="_blank">
					<img src="img/smalllogo.png" />推荐页面</a>
				<br />
			</div>

			<div class="tools">
				<br />
				<a href="http://miraclemwiki.lofter.com/merusuto" target="_blank">
					<img src="img/smalllogo.png" />梅露可图鉴</a>
				<br />
			</div>
			
			<div class="tools2">
				<br /><a><img src="img/图标 1.png"/></a> <br />
			</div>
			
			<div class="tools">
					<a href="http://miraclemwiki.lofter.com" target="_top">
						<img src="img/return2.png" width="165"/>
				</a> 
				<br />
			</div>
		</div>


	</body>
</html>
